08. Advanced Grid

Advanced Grid Heading

Advanced Grid

ND001 C01 L04 07 Advanced Grid

Advanced Grid Recap

CSS Grid includes advanced capabilities for creating large and complex grids. Some of these are:

  • the fr Unit
  • Track listings with repeat() notation
  • Track sizing and minmax()

Advanced Grid Example Prep

Let’s explore these advanced features in action.

ND001 C01 L04 08 Advanced Grid Example

Advanced Grid Problem Set

Which of the following is equivalent to grid-template-columns: repeat(3, 350px)
SOLUTION:
  • `grid-template-columns: 350px 350px 350px`

Next Concept